Component Set Figma

https://gyazo.com/8ef6e86ecf23ca8baedcbf6cdc4142e7

Figmaにおける、component Figmaのグループ

Variables Figmaを用いてバリエーションを作ったりする。

感想

Variants Figmaとごっちゃになりそうになるね。

思考

component 構成要素のイメージとしては、汎用化されたcomponentをイメージしがちだけど、以下の運用もありかも。

各ページで定義するComponent Set: そのページで2箇所以上りようされている場合、取り敢えず定義してinstanse Figma利用する。(FLOCSSでいう、projcet classに近い)

全ページで利用することを考えるとハードルが高いので、一旦これが手軽。

別ページでも利用するようになった場合は、共通component置き場の方に引っ越しさせて、もうちょっと汎用化させる。

疑問

Q. あるProject Pageで作ったComponent Setを一般化したいので、Symbolsとか何か一般的なPageに引っ越しさせたい。どうやるの？

A. 同じプロジェクトの範囲だったら、cmd + x で引っ越しで出来た。簡単。

Q. あるcomponentやComponent Setを利用している箇所を調べたいです。